@extends('front.header')
@section('title','往期视频')
@section('red')
    <div class="nav">
        <ul class="nav_body">
            <li><a class="current" href="/">首页</a></li>
            <li><a  href="/expert/lecture">名家讲堂</a></li>
            <li><a href="/expert/front-list">名家风采</a></li>
            <li><a  href="/video/show">往期视频</a></li>
        </ul>
    </div>
    <script src="/assets/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
    <script src="/assets/js/jquery.ajaxfileupload.js"></script>
    <script src="/assets/js/video.js"></script>
    <script src="/assets/js/bootstrap.js"></script>
    <script src="/assets/js/jquery.ajaxfileupload.js"></script>
    <script src="/assets/js/bootstrap-datetimepicker.min.js"></script>
@endsection
@section('content')

    <p id="countdown">

    </p>
    <script>
        // 获取要更新的倒计时元素
        var countdownElement = document.getElementById('countdown');

        // 设置初始倒计时
        countdownElement.innerHTML = "<?php echo $countdown; ?>";
        updateCountdown();
        setInterval(updateCountdown, 1000);

        // 定义更新倒计时函数
        function updateCountdown() {
            // 这里可以使用 Ajax 请求获取最新的倒计时数据，或者直接在前端重新计算倒计时
            // 这里简单演示直接更新原有倒计时
            countdownElement.innerHTML = "<?php echo $countdown; ?>";
        }

        // 每秒更新一次倒计时


        // $(document).ready(function() {
        //     updateCountdown();
        //     setInterval(updateCountdown, 1000);
        //     function updateCountdown() {
        //         $.ajax({
        //             url: '/test',
        //             type: 'GET',
        //             dataType: 'json',
        //             success: function(response) {
        //                 // 更新页面上的倒计时显示
        //                 $('#countdown-display').val(response.countdown);
        //             },
        //             error: function(xhr, status, error) {
        //                 console.error('Ajax请求出错:', error);
        //             }
        //         });
        //     }
        //
        // });
    </script>
@endsection
